<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 事件绑定是一种赋值的方式，后面的会覆盖前面的
        // document.onclick = function () {
        //     console.log('doc1')
        // }
        // document.onclick = function () {
        //     console.log('doc2')
        // }
        //可以重复监听同类事件，先监听的先触发
        // document.addEventListener('click', function(){
        //     console.log('doc2')
        // })
        // document.addEventListener('click', function(){
        //     console.log('doc1')
        // })
        //兼容ie的写法
        if(document.addachEvent){
            document.addachEvent('click', function(){
                console.log(111)
            })
        }else{
            document.addEventListener('click', function(){
                console.log('222')
            })
        }
    </script>
</body>
</html>